<?php include_once('../layouts/header.php') ?>
    <div class="container-box scrollbar" data-options="setHeight:'100%',scrollInertia:0">
        <div class="container-body scrollbar-body w100">
            <div class="panel panel-top panel-bottom">
                <div class="panel-header">
                    <div class="panel-inner">
                        这是表单头部区域 form.php
                    </div>
                </div>
                <div class="panel-body">
                    <div class="panel-inner">
                        <a onclick="$.TN.open(this)" data-options="title:'JQ打开tab1',ttarget:'test_tab1',ttype:'iframe',url:'/html/test/tab1.php'">
                            <span>JQ打开tab1</span>
                        </a><br>
                        <a onclick=$.TN.open("title:'JS打开tab2',ttarget:'test_tab2',ttype:'iframe',url:'/html/test/tab2.php'")>
                            <span>JS打开tab2</span>
                        </a><br>
                        <a onclick="$.TN.close(this)" data-options="ttarget:'test_tab0'">
                            <span>JQ关闭tab0</span>
                        </a>
                        <a onclick=$.TN.close("ttarget:'test_tab2'")>
                            <span>JS关闭tab2</span>
                        </a>
                        <form
                        data-options="
                            form:{
                                url:'/data/index.php?type=test'
                            },
                            callback:[
                                {
                                    method:'openTab',
                                    oTab:{
                                        title:'表单提交后打开tab2',
                                        ttarget:'test_tab2',
                                        ttype:'iframe',
                                        url:'/html/test/tab2.php'
                                    }
                                },
                                {
                                    method:'closeTab',
                                    cTab:{
                                        ttarget:'test_tab3',
                                        question:true,
                                    }
                                }
                            ]
                        ">
                            <label class="form-label form-checkbox"><input type="checkbox" name="autoClose"><span>保存并关闭</span></label>
                            <button type="button" class="btn btn-primary btn-block" onclick="$.submitForm(this)">提交</button>
                        </form>
                        表单提交后打开tab2<br>
                        并且if关闭自己<br>
                        <br>
                        <br>
                        <br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单<br>
                        这是表单这是最后一个<br>
                    </div>
                </div>
                <div class="panel-footer">
                    <div class="panel-inner">
                        这是表底部区域
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php include_once('../layouts/footer.php') ?>